<template>
	<view class="details">
		<u-sticky style="background:#fff">
		<view class="tabs">
			<u-tabs :list="list" :scrollable='false' @click="selectTab" bg-color="#F5F5F5" lineColor="#00C777"
				:current="tabIndex" @change="pickerChange" lineWidth="60" :activeStyle="{
			    color: '#00C777',
			    transform: 'scale(1.05)'
			}"></u-tabs>
		</view>
		</u-sticky>
		<view class="listItem y-c" v-for="(i,index) in 10" :key="index" @click="goDetails">
			<view class="item_top y-c border">
				<view class="item_top_row x-bc mb-2">
					<view>提现到微信</view>
					<view>¥15.00</view>
				</view>
			</view>
			<view class="item_bot y-c">
				<view class="item_top_row x-bc mb-2 mt-2">
					<view class="next">提现时间：2023-03-09 12:23:35</view>
					<view>
						待审核
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					name: '全部'
				}, {
					name: '待审核'
				}, {
					name: '已审核'
				}],
				tabIndex:0
			};
		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-tabs{
		background: #fff;
		    margin-left: -15rpx;
		    margin-right: -15rpx;
	}
	.details {
		font-size: 28rpx;
		padding: 0 20rpx 20rpx 20rpx;
		.tabs{
			width: 100%;
		}
		.listItem {
			color: $common-color;
			background: #fff;
			border-radius: 20rpx;
			padding: 20rpx;
			box-sizing: border-box;
			margin-top: 20rpx;
		
			.item_over {
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
		}
		
		.border {
			border-bottom:  0.5rpx solid rgba(217, 217, 217, 0.6);
		}
		.item_bot{
			.next{
				color: #BABABA;
			}
			.image{
				width: 116rpx;
				height: 100rpx;
			}
		}
	}
</style>